.wf-helpful-tip-mask{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
    color: #333;
    font-family: PingFangSC-Regular;
    background-color: rgba(0,0,0,.4);
    touch-action: none;
    .mask-content-wrap{
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        width:100%;
        .mask-content{
            width: 82%;
            min-height: 90px;
            max-height: 300px;
            margin: 0 auto;
            margin-top: 104px;
            padding: 10px 14px;
            background: #fff;
            box-shadow: 0 0 4px 0 rgba(0,0,0,.5);
            border-radius: 8px;
            vertical-align: middle;
            overflow-y: auto;
            text-align:center;
            word-break:break-all;
            span{
                display:inline-block;
            }
        }
        .mask-close{
            width: 40px;
            text-align: center;
            margin: 0 auto;
            margin-top: 30px;
            .am-icon{
                height: 40px;
                width: 40px;
            }
        }
    }
    
}